<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="shortcut icon" href="../img/6-favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../font_ylp5j2ulmh/iconfont.css">
    <title>登录</title>
    <style>

#good{
    height: auto;
    min-height: 500px;
}
.goodsCon{
    height: 100%;
}
.goodsConTop{
    height: 70px;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    justify-content: left;
    align-items: center;
}
.goodsConTop span{
    width: 490px;
    font-size: 20px;
    box-sizing: border-box;
    padding: 0 10px;
    border-right: 1px solid #e1e1e1;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
}
.goodsConTop .on{
    color: #fd8d44;
}
.goodsConDown>div{
    height: 600px;
    border-top: 1px solid #fd8d44;
    display: none;
}
.goodsConDown .open{
    
    display: block;
    height: 500px;
    
}
.iconfont{
    font-size: 24px;
  /*   font-weight: 600; */
}













.box{
    width: 977px;
    height:500px;
   /*  background: red; */
  /*   border: 1px solid  #6d6d6d; */

}
.form-group{
    padding: 5px 20px 0px 20px;
}
.form-control{
    width: 450px;
    height: 40px;
} 
.form-control1{
    height: 24px;
    width: 68px;
}
.checkbox{
   padding: 10px 0 0 77px;
 
}
.qq{
    padding: 60px 0 0 77px;
}



.form-horizontal{
    padding-top: 50px;
    font-size: 20px;
    padding-left: 200px;
}
.form-group{
    display: flex;
    justify-content: left;
    padding-top: 50px;
}
.btn-default{
    width: 455px;
    height: 40px;
    background: #fd8d44;
    border:1px solid #f7680a;
    color: #ffffff;
    font-size: 20px;
}
/* .col-sm-10{
    display: flex;
    justify-content: space-around;
} */
.col-sm-offset-2{
    padding-left: 60px;
    
}
.sydsfang{
    padding-left: 200px;
    margin-top: 30px;
}
.nxy{
    width: 180px;
    height: 30px;
    display: flex;
    justify-content: space-between;
}
.nxy div{
    width: 30px;
    height: 30px;
    margin-top: 20px;
}
.qqy{
    background: url(../img/2.png) no-repeat -40px 0;
}
.wby{
    background: url(../img/2.png) no-repeat 0 0;
}
.zfby{
    background: url(../img/2.png) no-repeat -80px 0;
}
.wxy{
    background: url(../img/2.png) no-repeat -200px 0;
}
.open img{
      margin-left: 280px;
      margin-top: 40px;
}
    </style>
</head>

<body>
    <div class="toAll">
        <div class="header same">
            <a href="../html/index.html">
                <img src="../img/logo.gif" alt="">
            </a>
            <div class="such">如已注册，点击<span> <a href="signIn.html">注册</a> </span></div>
        </div>
    </div>
    <div class="new same">
        <div id="good">
            <div class="goodsCon same">
                <div class="goodsConTop">
                    <span class="on"> <i class="iconfont icon-iconrenxiang">会员登录</i> </span>
                    <span> <i class="iconfont icon-erweima">扫码登录</i></span>
                </div>
                <div class="goodsConDown">
                    <div class="open">
                        <div class="box">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-2 control-label">用户：</label>
                                    <div class="col-sm-10">
                                        <input type="email" class="form-control" id="inputEmail3" placeholder="请输入用户名">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label">密码：</label>
                                    <div class="col-sm-10">
                                        <input type="password" class="form-control" id="inputPassword3" placeholder="请输入密码">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-10">
                                        <button type="submit" class="btn btn-default">登录</button>
                                    </div>
                                </div>
                            </div>
                         <div class="sydsfang">
                             <p>使用第三方账户登录</p>
                            <div class="nxy">
                                <div class="qqy">                                  
                                </div>
                                <div class="wby">                                  
                               </div>
                               <div class="zfby">                                  
                               </div>
                               <div class="wxy">                                  
                               </div>

                            </div>
                         </div>
                        </div>
                    </div>
                    <div class="ewm">
                   <img src="../img/xu.png" alt="">
                    </div>
                   
                </div>
            </div>
            <script src="../js/goods.js"></script>
        <script>
            let oGoods = document.querySelector('.goodsCon')
            new Tab(oGoods)
        </script>
           <script src="../js/ajax.js"></script>
           <script src="../js/login.js"></script>
        </div>

    </div>


</body>

</html>